﻿@model IEnumerable<SportClubMvc.Model.SportsClubClasses.NewsModel>

<div class="blog">
    <div class="row">
        <div class="span12">
            <div class="row">
                <div class="span8">
                    <div class="posts">
                        <div class="entry">
                            <div id="myCarousel" class="carousel slide">
                                @* <!-- Carousel items -->
                                <div class="carousel-inner">
                                    <div class="item">
                                        <a href="#">
                                            <img src="@Url.Content("~/Content/images/banner/karusell2.png")" alt="Skøytedag på Holt"></a>
                                    </div>
                                    <div class="item">
                                        <a href="#">
                                            <img src="@Url.Content("~/Content/images/banner/tonsberg.png")" alt="Skøyteløp i Tønsberg"></a>
                                    </div>
                                    <div class="item">
                                        <a href="#">
                                            <img src="@Url.Content("~/Content/images/banner/karusell3.png")" alt="Trening i Trysil"></a>
                                    </div>
                                    <div class="item active">
                                        <a href="#">
                                            <img src="@Url.Content("~/Content/images/banner/karusell4.png")" alt="Skøiteglede"></a>
                                    </div>
                                </div>
                                <!-- Carousel nav -->*@
                                <div class="carousel-inner">
                                    @foreach (var news in Model)
                                    {
                                            <div class="item">
                                                <a href="@Url.Action("Index", "News", new { news.Id })">
                                                    <img src="@Url.Action("GetCarouselPhoto",
                                                                          new { filename = news.HeaderImagePath, imagetext = news.Header, width = 760, height = 225 })" alt="@news.Header" />
                                                </a>
                                            </div>
                                    }
                                </div>
                                <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
                                <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
                            </div>
                        </div>


                        @foreach (var news in Model)
                        {
                            <div class="entry">
                                <h2><a href="#">@news.Header</a></h2>
                                <div class="meta">
                                    <i class="icon-calendar"></i>@news.DateCreated<i class="icon-user"></i><a href="#">@news.Creator</a>
                                </div>
                                <div class="bthumb2">
                                    @if (news.HeaderImagePath != null && news.HeaderImagePath.Length > 1)
                                    {
                                        <a href="#"><img src="@Url.Content("~/Content/images/news/" + news.HeaderImagePath)" alt="" /></a>
                                    }
                                    else
                                    {
                                        <a href="#"><img src="@Url.Content("~/Content/images/news/kveldslop.jpg")" alt="" /></a>    
                                    }
                                </div>
                                <p>@Html.Raw(HttpUtility.HtmlDecode(news.Ingress))</p>
                                <div class="button"><a href="@Url.Action("Index", "News", new { news.Id })">Les mer...</a></div>
                                <div class="clearfix"></div>
                            </div>
                        }



                        <!-- Pagination -->
                        <div class="paging">
                            <span class='current'>1</span>
                            <a href='#'>2</a>
                            <span class="dots">&hellip;</span>
                            <a href='#'>6</a>
                            <a href="#">Neste</a>
                        </div>

@*                        <div class="entry">
                            <h2><a href="#">To nye klubbrekorder under kveldsløpet på mandag</a></h2>
                            <div class="meta">
                                <i class="icon-calendar"></i>19-12-2012 <i class="icon-user"></i><a href="#">Trond</a>
                            </div>
                            <div class="bthumb2">
                                <a href="#">
                                    <img src="@Url.Content("~/Content/images/news/kveldslop.jpg")" alt="" /></a>
                            </div>
                            <p>Selma Bø Lysø forbedret sin egen klubbrekord på 500m til 49,33 og slettet Victoria Løvstads klubbrekord på 1500m til 2.36,80 i J11 under kveldsløpet i Vikingskipet mandag. Aurora Myro i JJC perset også - først på 500m til 51,96 og kraftig på 1500m til 2.52,74. Dermed er hun også kvalifisert </p>
                            <div class="button"><a href="#">Les mer...</a></div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="entry">
                            <h2><a href="#">Krystallcupen på Jevnaker lørdag 15. desember</a></h2>
                            <div class="meta">
                                <i class="icon-calendar"></i>15-12-2012 <i class="icon-user"></i><a href="#">Kjetil</a>
                            </div>
                            <div class="bthumb2">
                                <a href="#">
                                    <img src="@Url.Content("~/Content/images/news/jevnaker.png")" alt="" /></a>
                            </div>
                            <p>Under vanskelige forhold med sterk vind og snøbyger deltok syv løpere fra klubben under Krystallcupen. Resultatene ble selvsagt litt svakere enn bestetidene de har, men det var en meget god innsats med 1.-pl. i G11 til Leo Aleksander Bergh, 2.-pl. i J12 til Anna Braathen og 13.-pl</p>
                            <div class="button"><a href="#">Les mer...</a></div>
                            <div class="clearfix"></div>
                        </div>*@

                        <div class="clearfix"></div>
                    </div>
                    <div class="button">
                        <p>
                            <a href="@Url.Action("AddNews", "News")">Legg til nyhet</a>
                        </p>
                    </div>
                </div>
                <div class="span4">
                    <div class="sidebar">
                        <!-- Widget -->
                        <div class="widget">
                            <h4>Neste aktivitet</h4>
                            <ul>
                                <li><i class="icon-bell"></i>Onsdagsløp</li>
                                <li><i class="icon-calendar"></i>15-12-2012 kl 18:00</li>
                                <li><i class="icon-home"></i>Holt Isstadion</li>
                                <li><i class="icon-user"></i>Åpent for alle</li>
                            </ul>
                        </div>
                        <div class="widget" style="min-height: 165px;">
                            <h4>Vi er med på laget</h4>
                            <div id="sponsorCarousel" class="carousel slide">
                                <!-- Carousel items -->
                                <div class="carousel-inner">
                                    <div class="item active">
                                        <a href="http://berghs.no/">
                                            <img src="@Url.Content("~/Content/sponsors/bergsApparatservice.jpg")" alt="Bergs Apparatservice"></a>
                                    </div>
                                    <div class="item">
                                        <a href="http://www.kongssenteret.no/">
                                            <img src="@Url.Content("~/Content/sponsors/kongssentret.jpeg")" alt="Kongssentret"></a>
                                    </div>
                                    <div class="item">
                                        <a href="https://www2.sparebank1.no/hedmark/">
                                            <img src="@Url.Content("~/Content/sponsors/sparebanken-hedmark.jpeg")" alt="Sparebanken-Hedmark"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="widget">
                            <h4>Info fra treneren</h4>
                            <p>Nulla facilisi. Sed justo dui, id erat. Morbi auctor adipiscing tempor. Phasellus condimentum rutrum aliquet. Quisque eu consectetur erat. Proin rutrum, erat eget posuere semper, <em>arcu mauris posuere tortor</em>,velit at <a href="#">magna sollicitudin cursus</a> ac ultrices magna. Aliquam consequat, purus vitae auctor ullamcorper, sem velit convallis quam, a pharetra justo nunc et mauris. </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="border"></div>

<div class="prod">
    <div class="row">
        <div class="span4">
            <div class="home-links">
                <div class="col-l">
                    <h5>Annet</h5>
                    <ul>
                        <li><a href="#">Rekorder</a></li>
                        <li><a href="#">Kjøp og Salg</a></li>
                        <li><a href="#"></a></li>
                    </ul>
                </div>
                <div class="col-r">
                    <h5>Eksterne</h5>
                    <ul>
                        <li><a href="http://www.skoyteforbundet.no/" target="_blank">Norges Skøyteforbund</a></li>
                        <li><a href="http://www.isu.org/vsite/vtrial/page/home/0,11065,4844-128590-129898-19296-68634-custom-item,00.html" target="_blank">ISU</a></li>
                        <li><a href="http://hedmark-sk.com/" target="_blank">Hedmark Skøytekrets</a></li>
                        <li><a href="http://www.hoa.no/" target="_blank">Vikingskipet</a></li>
                        <li><a href="http://www.spinno.no/" target="_blank">Spinno</a></li>
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="span8">
            <div class="home-product">
                <div class="home-prod-img" id="s1">
                    <img src="@Url.Content("~/Content/images/Grasrotandel.png")" alt=""/>
                </div>
                <h3>Støtt oss med DIN grassrotandel</h3>
                <small>Gjennom Grasrotandelen fra Norsk Tipping kan du støtte oss uten at det koster deg noe. 
                                Det betyr at hver gang du spiller Lotto eller andre spill fra Norsk Tipping, går noen kroner av innsatsen til oss.
                </small>
                <ul>
                    <li><i class="icon-white icon-heart"></i>Send SMS med GRASROTANDELEN og 970282041 til 2020 </li>
                    <li><i class="icon-white icon-heart"></i>Si at du vil støtte Kongsvinger Skøyteklubb når du er hos kommisjonæren</li>
                </ul>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>



@section scripts
{
    <script>
        $(document).ready(function () {
            $('.carousel').carousel({
                interval: 3000
            });
        });
    </script>
}